<template>
  <tab-head class="cjy-slider" :titleInfor="titleInfor">
    <div slot="textBox"
         slot-scope="props"
         :class="{active :props.isActive}"
         class="cjy-test-header">

      <span> {{props.title}}</span>
    </div>
  </tab-head>
</template>

<script>
  import TabHead from '@/components/TabHead/edit.vue'
  export default {
    data() {
      return {}
    },
    components: {TabHead},
    props: {
      titleInfor: {
        type: Array,
        //传入的数据如下 分类名称必传
        default: () => [{
          goodsClassId: "",
          goodsClassName: "分类fffffffffffff"
        },
          {
            goodsClassId: "",
            goodsClassName: "分类"
          }]
      },
    }
  }
</script>

<style scoped>
  .cjy-test-header {
    line-height: 2.2rem;
    height: 2.2rem;
  }

  .cjy-slider {
    height: 2.2rem;
  }
</style>
